Page({
  data: {
    name: '',
    gender: 1,
    mobile: '',
    idcardFrontUrl: '',
    idcardBackUrl: ''
  },
  onLoad({ point, building, room, id }) {
    if (id) {
      // 编辑
      this.getHouseDetail(id)
      // 修改页面标题
      wx.setNavigationBarTitle({
        title: '编辑房屋信息',
      })
    } else {
      // 添加
      this.setData({
        point, building, room
      })
    }
  },
  // 获取房屋详情
  async getHouseDetail(id) {
    const res = await wx.http.get(`/room/${id}`)
    // console.log(res);
    this.setData({
      ...res.data
    })
  },
  removePicture(ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark?.type
    this.setData({
      [type]: ''
    })
  },
  // 点击提交审核
  async submitForm() {
    // 校验姓名
    if (!this.validName()) return
    // 校验手机号
    if (!this.validMobile()) return
    // 校验身份证正反面照片
    if (!this.validIdCard()) return
    // 调用添加房屋接口
    delete this.data.__webviewId__
    delete this.data.status
    await wx.http.post('/room', this.data)
    // 添加成功后，返回房屋列表页
    wx.navigateBack({
      delta: this.data.id ? 2 : 4
    })
  },
  // 校验姓名
  validName() {
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    const valid = reg.test(this.data.name)
    if (!valid) wx.utils.toast('请输入2-5的中文姓名')
    return valid
  },
  // 校验手机号
  validMobile() {
    const reg = /^1[3-9]\d{9}$/
    const valid = reg.test(this.data.mobile)
    if (!valid) wx.utils.toast('请输入正确的手机号')
    return valid
  },
  // 校验身份证正反面照片
  validIdCard() {
    const valid = !!this.data.idcardFrontUrl && !!this.data.idcardBackUrl
    if (!valid) wx.utils.toast('请上传身份证照片')
    return valid
  },
  // 点击身份证正反面
  async uploadIdCard(ev) {
    // 选择图片
    const res = await wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sizeType: ['compressed']
    })
    // console.log(res.tempFiles[0].tempFilePath);
    // res.tempFiles[0].tempFilePath：用户选择出来的图片地址
    // 将图片上传到服务器
    wx.uploadFile({
      url: 'https://live-api.itheima.net/upload',
      filePath: res.tempFiles[0].tempFilePath,
      name: 'file',
      header: {
        Authorization: getApp().token
      },
      success: (res) => {
        console.log(JSON.parse(res.data));
        this.setData({
          [ev.mark.type]: JSON.parse(res.data).data.url
        })
        // if (ev.mark.type === 'idcardFrontUrl') {
        //   // 身份证正面
        //   this.setData({
        //     idcardFrontUrl: JSON.parse(res.data).data.url
        //   })
        // } else {
        //   // 身份证反面
        //   this.setData({
        //     idcardBackUrl: JSON.parse(res.data).data.url
        //   })
        // }
      }
    })
  }
})
